<%--
  Created by IntelliJ IDEA.
  User: 葭月盈亏
  Date: 2020/6/29
  Time: 18:49
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <style>
        html,body{
            padding: 0;
            margin: 0;
        }
        html body .container {
            width: 2000px;
            height: 100vh;
            margin: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background: -webkit-linear-gradient(-45deg, blue, red);
            background-size: 500%;
            animation: bgc 5s infinite linear alternate;
            transition: all 0.4s;
            background-size: cover;
            max-width: 100%;
        }

        @keyframes bgc {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 50% 100%;
            }
            100% {
                background-position: 50% 0%;
            }
        }
        form {
            width: 315px;
            height: 260px;
            padding: 40px;
            position: relative;
            z-index: 100;
            background-color:white ;
            border-radius: 18px;
            overflow: hidden;
            text-align: center;
            /* 隐藏多余的模糊效果 */
        }
        input{
            font-size: 12px;
        }

    </style>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</head>
<body>
    <div class="container">
<%--        /xcms/news?action=page&currPage=1--%>
        <form  method="get" action="/xcms/update">
            <label for="">
                ID：
            </label>
            <input type="number" class="form-control" name="id"  value="<%=application.getAttribute("id") %>"  >
                标题：
            </label>
            <input type="text" class="form-control" name="title" placeholder=" <%=application.getAttribute("title") %>" >
            <br>
            <input type="submit" value="提交" class="btn btn-primary">
        </form>

    </div>
    <%
        application.setAttribute("title", request.getParameter("title"));
    %>

</body>
</html>
